<div id="vue_det">
<h1>site : {{site}}</h1>
<h1>url : {{url}}</h1>
<h1>{{details()}}</h1>
</div>
//data 用于定义属性，实例中有三个属性分别为：site、url、alexa。
//methods 用于定义的函数，可以通过 return 来返回函数值。
//{{ }} 用于输出对象属性和函数返回值。
<script type="text/javascript">
var vm = new Vue({
  el: '#vue_det',
  data: {
    site: "菜鸟教程",
    url: "www.runoob.com",
    alexa: "10000"
  },
  methods: {
    details: function() {
      return  this.site + " - 学的不仅是技术，更是梦想！";
    }
  }
})
</script>